<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
	<title>陕西陇朝盈科技有限公司</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/animate.css" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-1.11.3.js"></script>


</head>
<body>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#example-navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand logo" href="index.html"></a>
            </div>
            <div class="collapse navbar-collapse" id="example-navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="service.html">服务领域</a></li>
                    <li><a href="apply_zhiwei.html">招聘信息</a></li>
                    <li ><a href="add.html">加入我们</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                    <li class="active">
                      <a href="b.html">员工风采</a>
                  </li>
                </ul>
            </div>
        </div>
    </nav>

    <div  class="contact1"><img src="images/lx2.jpg"  title="联系我们，点击放大" style="width: 100px;height: 200px;"></div>
    <div class="contact-box" style="display: none;"><div class="sc"></div></div>

    <div id="home">
        <div class="lvjing">
            <div class="row wow fadeInUp" data-wow-duration="0.5s">
                <img class="img-responsive" src="images/staffbg1.png" alt="" />
            </div>
        </div>
    </div>

    <div id="home1">
        <div class="lvjing">
            <div class="row wow fadeInUp" data-wow-duration="0.5s">
                <img class="img-responsive" src="images/staffbg2.png" alt="" />
            </div>
        </div>
    </div>

    <div class="car" id="caro">

    </div>

    <div class="footer">
        <div class="container" style="text-align: center;">
           <p>版权信息：©2020LongChaoYing Techhnolog Co.,Ltd</p>
        </div>
    </div>
</body>
<script>
    $('.contact1').click(function(){
        $('.contact-box').show()
    });
    $('.sc').click(function(){
        $('.contact-box').hide();
    });
</script>


<script>
    $(function(){
        $.ajax({
      async:false,
      type: "GET", //请求方式
      url: "http://www.ypinkj.com/api/area/web/getAllServiceTow?id=16", //地址，就是json文件的请求路径
      dataType: "json", //数据类型可以为 text xml json  script  jsonp
      success: function(res) { //返回的参数就是 action里面所有的有get和set方法的参数
        var dats = res.data;
        if(res.code==0) {
          console.log(12345);
          var str = ''
          var list =""
          list+=" <div class='carousel'>"
            list+="<div  class='slides' > "
          for(var i = 0; i < dats.length; i++) {
            list+="<div class='slideItem'><video  controls='controls' autopaly preload='metadata' ><source src='"+dats[i].areaImg+"'></source></video></div>"
            console.log(dats[i].areaImg);
          }
          str+=list;
          $("#caro").append(str);

                    }
                },
            error: function() {
                        //请求出错处理
                    }
                });
    })

$(function(){
    $('.carousel').carousel({
        directionNav: true,
        speed: 500,
        carouselWidth: 1200,//容器宽度
        carouselHeight: 400,//容器高度
        frontWidth:400,//正面显示宽度
        frontHeight: 400,//正面显示宽度
        hAlign: 'center',
        vAlign: 'center',
        autoplay: true,
        autoplayInterval: 3000,
        shadow: false,
        reflection: false,
        reflectionHeight: 0.2,
        reflectionOpacity: 0.5,
        description: false,
        descriptionContainer: '.carousel_description'
    });
})


</script>
<script src="js/bootstrap.min.js"></script>
<!-- <script src="js/jquery-1.8.3.min.js"></script> -->
<script src="js/jquery.carousel-1.1.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>


</html>
